/* 
    Document   : commom
    Created on : 2011-04-14, 8:34:41
    Author     : YuanLei
    * layout.css 布局
    * form.css 表单
    * general.css CSS常规设置
    * reset.css CSS重置
    * commom.css 通用框架样式
*/

.bg{ height: 110px; background: url(../images/all.gif) repeat-x;}
#header{}
  .head-top{height: 60px;}
  .logo{ margin: 10px 5px 0px;}
  .head-link{ margin-top: 40px; color: #999;}
  .head-link a{padding:0px 5px;}

/*---- navigation style ----*/
#nav{ background:url(../images/all.gif) 0px -197px; height: 40px; overflow: hidden;}
  #nav span{ display:inline; width: 10px; height: 40px; background:url(../images/all.gif);}
  #nav span.box_l{background-position: 0px -117px;}
  #nav span.box_r{background-position: 0px -157px;}
  #nav ul{ float: left;}
  #nav li{ float: left; text-align: center; display: inline; margin: 0px 15px;}
    #nav li a{ display:block;width:100px; float: left; line-height: 47px; font-size: 14px; font-weight:700; color: #fff; outline: none;}
      #nav li span.box_l,#nav li span.box_r{ background-position: 0px -197px;}
      #nav li a.current,#nav li a:hover {background:url(../images/all.gif) 0px -317px; color: #333333; text-decoration: none;}
      #nav li a.current .box_l,#nav li a:hover .box_l{background-position: 0px -237px;}
      #nav li a.current .box_r,#nav li a:hover .box_r{background-position: 0px -277px;}
    #buy{background:url(../images/buy.jpg) no-repeat 0px 0px; display: inline; width: 89px; margin:4px -5px 0px 0px;  height: 32px;}

.subnav{ height: 25px; margin-left: 150px;}
  .subnav li{ float: left; width: 80px; text-align: center;}
    .subnav li a{ color:#006699;}
      .subnav li a.current{font-weight: 700;}

/*---- footer style ----*/
#footer{ text-align: center; background:url(../images/all.gif) repeat-x;padding:20px 0px 15px;margin: 0px auto; width: 960px;}
#footer p{line-height: 25px; color:#999; font-family:Tahoma;}
#footer a{ color: #999; padding: 0px 5px;}

#container{margin-bottom:10px; }

.colbg{border: 1px solid #b3dcff; width: 100%;}
.colbgr{border: 1px solid #b3dcff; width: 100%; background: #f9fafc;margin-bottom: 10px;}
.coltop,.colbottom{height: 5px; _overflow: hidden;}
  .coltop span,.colbottom span{ background:url(../images/sprite.gif); display: inline; width: 5px; height: 5px;position: relative; overflow: hidden;}
  .coltop .box_l{ margin: -1px auto auto -1px;}
  .coltop .box_r{ margin: -1px -1px auto auto; background-position: -10px 0px;}
  .colbottom {margin-bottom: -1px;}
  .colbottom .box_l{ margin: auto auto -1px -1px; background-position: 0px -9px}
  .colbottom .box_r{ margin: auto -1px -1px auto; background-position: -10px -9px}
  .colbg-head{ margin:0px 10px; border-bottom: 1px solid #b9dcf6; line-height: 20px;}
    .colbg-head span{ border-bottom: 2px solid #69cbf1; padding: 3px 15px 3px 5px; font-weight: 700; font-size: 14px;}
    .colbg-head a,.colbg-head em{ margin: 4px 5px 0px; font-style: normal;}

  .colbg-body{ padding:10px;}

/*---- barlist style ----*/
.barlist li{line-height: 15px; border-bottom:1px solid #e3e3e3;padding:10px 15px;}
.barlist li .triangle{ float: left; margin: 3px 0px; visibility: hidden;}
.barlist li.current .triangle{ visibility: visible;}


  .banner{ margin-bottom: 10px;}

 /*---幻灯效果---*/
#focus{ width: 960px; height: 240px; overflow: hidden; position:relative; border: 1px solid #ccc;}
#focus ul{ position:absolute; overflow: hidden; height: 240px; width: 960px;}
#focus ul li{ position: absolute;top: 0px; left: 0px; width: 960px; height: 240px; display: none;}
#focus ul li img{ width: 960px; height: 240px;}
#focus ul li.current{ display: block;}
.focus-btn{ position: absolute;right: 10px; bottom: 10px;}
.focus-btn a{ float:left; display: inline; width: 80px; height: 40px; overflow: hidden; margin: 0px 5px; border: 3px solid #4891dc;filter:alpha(opacity=50);-moz-opacity:0.5;opacity: 0.5;}
.focus-btn a.current{filter:alpha(opacity=100);-moz-opacity:1;opacity:1}
.focus-btn a img{ width: 80px; height: 40px;}

.download-pc{ position: absolute; width: 220px; height: 70px; top: 80px;right: 50px; display: block;}

.version_info{ position: absolute; top: 140px; right: 10px; width: 280px; line-height: 18px;}
.version_info span{ display: inline; float:left; width: 140px;} 



/* 弹出窗口样式 */
.selectiframe{position:absolute;z-index:-1;width:100%;height:100%;filter:alpha(opacity=0);-moz-opacity:0; top:0px; height:0px;}
.myWrap {display:none; margin: 0px; padding: 0px; border: 5px solid #999; background: #fff;}
.myWrap .myTi{position:relative; height:38px; padding-left:10px; background: #f6f6f6;border-bottom: 1px solid #ccc;}
.myWrap .myTi_l{height:38px; line-height:38px; padding-right:25px; font-size:16px; font-weight:bold; color:#666;
 cursor:move;}
.myWrap .myTi_r{position:absolute; width:25px; height:21px; top:8px; right:10px;cursor:pointer;background:url(../images/title.gif) no-repeat 0px bottom;}
.myWrap .myContent{ padding:10px;}
/* 结束弹出窗口样式 */
.poplogin td{ padding: 5px; text-align: left; }
.poplogin th{ width: 100px; text-align: right; padding: 5px; color: #0A6093; font-weight: normal;}
.poplogin img{ float: left;}
.loginreg{ padding:3px 0px 0px 5px; float: left; display: inline;}
.pop-bottom{ padding: 10px; text-align: center;}